
<%--
    Document   : oEstrategico
    Created on : 10/04/2010, 03:05:56 PM
    Author     : LAPTOP01
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<%@ include file="seguridad.jsp" %>
<%@ include file="acceso.jsp" %>
<script src="scripts/ajax.js" language="JavaScript"></script>

<html>
    <script LANGUAGE="JavaScript">

         


function insertar(){
            var numeroinicial=document.getElementById("cantActPermMod").value;
    //var numeronuevo=document.getElementById("presuActPer").value;-->presuActPer
            var total=document.getElementById("total").value;
            var presupuesto=document.getElementById("presupActPer").value;

            var tipo=document.getElementById("opcion").value;
            var codActPer = document.getElementById("codActPer").value;
            var codMetaAPer = document.getElementById("codMetaAPer").value;
            var presuActPer= document.getElementById("presuActPer").value;
            var cantActPer= document.getElementById("cantActPer").value;
            var umActPer=document.getElementById("umActPer").value;
            var tipActPer=document.getElementById("tipoActPer").value;
            if(tipActPer==1){
                tipActPer="N"

            }
            if(tipActPer==2){
                tipActPer="%25"
            }
            var idDiv = "divTabla";
            var metodo = "GET";
            var url = "consultasAjax/listarPresupuestoDAjax.jsp?codActPer="+codActPer+"&codMetaAPer="+codMetaAPer+"&presuActPer="+presuActPer+"&cantActPer="+cantActPer+"&tipo="+tipo+"&umActPer="+umActPer+"&tipActPer="+tipActPer+"&numeroinicial="+numeroinicial+"&total="+total+"&presupuesto="+presupuesto;
            var cadenaSalida = "";

            var async = true;
            document.getElementById(idDiv).innerHTML;
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
            document.getElementById("opcion").value=1;
            document.getElementById("modifica").style.display="none";

        }

        


function editar(desco,descoe,codap,descap,presap,codmap,ummap,cantmap,tipmap,suma,cantmap2){
            document.getElementById("opcion").value=1;
            document.getElementById("descObj").value=desco;
            document.getElementById("descObjEsp").value=descoe;
            document.getElementById("codActPer").value=codap;
            document.getElementById("descActPer").value=descap;
            document.getElementById("presuActPer").value=presap;
            document.getElementById("codMetaAPer").value=codmap;
            document.getElementById("umActPer").value=ummap;
            document.getElementById("cantActPer").value=cantmap;
            document.getElementById("tipoActPer").value=tipmap;
            document.getElementById("total").value=suma;
            document.getElementById("cantActPermMod").value=cantmap2;
            //alert("presupuesto a cambiar"+document.getElementById("presuActPer").value);
            //alert("suma guardada"+document.getElementById("total").value);
            //alert("presupuesto guardada"+document.getElementById("cantActPermMod").value);

            if(tipmap=="N"){
                document.getElementById("tipoActPer").value="1";
            }
            else{
                document.getElementById("tipoActPer").value="2";
            }
            document.getElementById("modifica").style.display="";

        }


    function listar(){
            document.getElementById("modifica").style.display="none";
            var numeroinicial=0;
            var total=0;
            var presupuesto=document.getElementById("presupActPer").value;
            var tipo=0;
            var codActPer = 0;
            var codMetaAPer = 0;
            var presuActPer= 0;
            var cantActPer= 0;
            var umActPer="";
            var tipActPer="";
            var idDiv = "divTabla";
            var metodo = "GET";
            var url = "consultasAjax/listarPresupuestoDAjax.jsp?codActPer="+codActPer+"&codMetaAPer="+codMetaAPer+"&presuActPer="+presuActPer+"&cantActPer="+cantActPer+"&tipo="+tipo+"&umActPer="+umActPer+"&tipActPer="+tipActPer+"&numeroinicial="+numeroinicial+"&total="+total+"&presupuesto="+presupuesto;
            var cadenaSalida = "";
            var async = true;
            document.getElementById(idDiv).innerHTML;
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
            document.getElementById("opcion").value=1;

        }

        function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest(); // No Internet Explorer
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            ajax.onreadystatechange = funcionCallbackVerDiv;
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }

        function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                { //alert(ajax.responseText);
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }



        function isDecimalKey(evt) {
        if (!(evt.keyCode == 46 || (evt.keyCode >= 48 && evt.keyCode <= 57))) return false;
        var parts = evt.srcElement.value.split('.');
        if (parts.length > 2) return false;
        if (evt.keyCode == 46) return (parts.length == 1);
        if (parts[0].length >= 11) return false;
        if (parts.length == 2 && parts[1].length >= 2) return false;
    }


    function posicioninicial(){
            document.getElementById("umActPer").focus();
        }





        



    </script>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="lib/css/Style_Index.css" >
        <link type="text/css" rel="stylesheet" href="lib/css/Style_Font_Text.css" >
        <link type="text/css" rel="stylesheet" href="lib/css/Style_PageTable.css" >
        <title>JSP Page</title>
    </head>
    <body onload="listar()">
        <center>
            <h1 class="substylo">Techo Presupuestal para las Dependencias</h1>
            </center>
        <div style="overflow: auto; width: 700px; height: 400px">
                        <html:form action="PEI.do?dispatch=ingresarOEstrategico" styleId="PEIForm">
                            <html:hidden property="opcion" styleId="opcion" value="1"/>
                            <html:hidden property="codDepen" styleId="codDepen"/>
                            <html:hidden property="descDepen" styleId="descDepen"/>
                            <html:hidden property="codActPer" styleId="codActPer"/>
                            <html:hidden property="codMetaAPer" styleId="codMetaAPer"/>
                            <html:hidden property="cantActPermMod" styleId="cantActPermMod"/>
                            <html:hidden property="total" styleId="total"/>
                            
                <table border="0" align="center" cellspacing="0">
                                <tr>
                                        <td>Techo Presupuesto
                            <html:text property="presupActPer" disabled="true"  styleId="presupActPer" styleClass="text"/>
                        </td>
                                    </tr>
                          </table>
                <br>
                <table border="0" align="center" cellspacing="0" id="modifica">
<tr>
                        <td style="width: 150px">Objetivo General Estrat&eacute;gico</td>
                        <td style="width: 400px">
                            <html:textarea  styleId="descObj" property="descObj"  disabled="true" rows="5" cols="50" styleClass="textarea"/>
                                        </td>
                     
                                    </tr>
                                    <tr>
                        <td style="width: 150px">Objetivo Espec&iacute;fico Estrat&eacute;gico</td>
                        <td style="width: 400px">
                            <html:textarea  styleId="descObjEsp" property="descObjEsp"  disabled="true" rows="5" cols="50" styleClass="textarea"/>
                                        </td>
                                    </tr>
                                    <tr>
                        <td style="width: 150px">Actividad Permanente</td>
                        <td style="width: 400px">
                            <html:textarea  styleId="descActPer" property="descActPer"  disabled="true" rows="5" cols="50"  styleClass="textarea"/>
                                        </td>
                                    </tr>
                                    <tr>
                        <td style="width: 150px">
                                            Unidad de Medida:
                        </td>
                        <td style="width: 400px">
                            <html:text property="umActPer"  styleId="umActPer" styleClass="text"/> 
                        </td>
                    <tr>
                        <td style="width: 150px">
                            Cantidad:
                        </td>
                        <td style="width: 400px">
                            <html:text property="cantActPer" styleId="cantActPer" styleClass="text"/>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 150px">
                                                Seleccionar Tipo :
                        </td>
                        <td style="width: 400px">
                            <html:select styleId="tipoActPer" property="tipoActPer"  styleClass="select"  >
                                                            <html:option value="-1">[--Seleccionar--]</html:option>
                                                            <html:option value="1">N°</html:option>
                                                            <html:option value="2">%</html:option>
                                                        </html:select>

                                          </td>
                                    </tr>
                    <tr align="center" style="width: 150px">
                                        <td colspan="2">Ingresar Presupuesto: 
                            <html:text property="presuActPer" styleId="presuActPer"  styleClass="text" onkeypress="return isDecimalKey(event);"/>
                            <br>
                    <label style="color: red ">El monto no debe de pasar de 10 digitos enteros y  2 decimales.</label>
                        </td>
                                    </tr>

                    <tr style="width: 150px">
                        <td colspan="2" align="center"><input type="button" value="Grabar" onclick="insertar()" Class="submit2"/>
                        </td>
                                    </tr>
                                </table>
                <br>
                <div id="divTabla"  style="width:100%">

                             </div>
                              
                            
                        </html:form>
        </div>
    </body>
</html>